<link href="../core/resource/css/style.css" rel="stylesheet">
<style>
.syscolor {color:{{main.syscolor}};}
.jinyun-primary {
    border: 1px solid {{main.syscolor}};
    background-color: {{main.syscolor}};
}
.head_box {
    background-color: {{main.syscolor}};
}
.menu-box .wb-nav ul li.active a {
    color:{{main.syscolor}};
}
.head_box .top_nav .top_nav_item.active {
	border-bottom:3px solid {{main.hovercolor}}
}
.head_box .top_nav .top_nav_item.active:hover {
	border-bottom:3px solid {{main.hovercolor}}
}
.head_box .top_nav .top_nav_item:hover {
	border-bottom:3px solid {{main.hovercolor}};
	background-color:{{main.hovercolor}}
}
.menu-box .wb-nav ul li.active a {
    color: {{main.hovercolor}};
}
.menu-box .wb-nav ul li:hover a {
	color:{{main.hovercolor}};
}
.app-status-num .productName,.app-status-num .productVip,.app-open .app-status-num {
	color:{{main.syscolor}};
}
.today {
	color:{{main.syscolor}}
}
.min-today {
	color:{{main.syscolor}}
}
#page-loading .sk-spinner-three-bounce div{background-color: {{main.syscolor}}}
.sk-spinner-three-bounce div {
	background-color: {{main.syscolor}};
}
.app-open .manage-btn {
	border:1px solid {{main.syscolor}};
	background-color: {{main.syscolor}};
}
.jy-btn-default{
	border: 1px solid {{main.syscolor}};
}
.switchOn,.switchOn:before {
	background:{{main.syscolor}}!important
}
.btn-default {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.label-primary {
	background-color:{{main.syscolor}}
}
.btn-primary {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.btn-primary.focus,.btn-primary:focus {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.nav-tabs>li>a:hover {
	border-bottom:2px solid {{main.syscolor}};
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	color:{{main.syscolor}};
	border-bottom:2px solid {{main.syscolor}};
}
input[type=checkbox]:checked,input[type=radio]:checked {
    border-color: {{main.syscolor}};
    background: {{main.syscolor}};
}
input[type=radio]:checked{
    border:2px solid {{main.syscolor}};
	background: #fff;
}
input[type=radio]:checked:before {
    background: {{main.syscolor}};
}
.pagination>li>a,.pagination>li>span {
	color:{{main.syscolor}};
}
.panel-heading>.dropdown .dropdown-toggle {
	color:{{main.syscolor || '#18bc9c'}}
}
</style>
<div class="main-box">
<!-- 一级导航 -->
<div class="left-box" id="left_body">
	<div ng-class="{'box-nav':1 ,'isplugin':current_menu!='core'}">
		<div class="logo">
           <img class='logo-img' ng-src="{{tomedia(pagedata.plugin_icon) || main.logo}}"/>
		</div>
        <ul id="navheight" class="box-navheight">
                <li ng-repeat="menu in framess[current_menu]" ng-class="{'active':menu==frames}" ng-click="active(menu);access_json(menu.url)">
                    <a href="javascript:;">
                         <i class="icon {{menu.fa || 'icon-all'}}"></i> {{check_show_lang(menu.title)}}
                    </a>
                </li>
        </ul>
	</div>
</div>
<div ng-class="{'right-box':1 ,'isplugin':current_menu!='core'}">
	<div ng-class="{'right-box-header':1 ,'isplugin':current_menu!='core'}">
		<ul class="l">
			<li style="padding:0 10px;"><a href="../manage/index.php" data-toggle="tooltip" data-placement="bottom" title="返回系统"><i class="icon icon-lvyoutehui"></i> 返回欢迎界面</a></li>
		</ul>
		<ul class="r">
			
			<li class="top_nav_item" ng-if="main.istakeover !=1"><a href="./index.php?plugin=core&action=article.show&nosession=1" target="_blank"><i class="fa fa-question-circle"></i> {{check_show_lang('使用手册','The manual')}}</a></li>
			<li class="top_nav_item">
							<a class="jylabel jylabel-info-0" style="padding: 5px 10px;" href="javascript:;" ng-show="main.show_lang!='en'" ng-click="set_lang('en')">English</a>
							<a class="jylabel jylabel-info-0" style="padding: 5px 10px;" href="javascript:;" ng-show="main.show_lang=='en'" ng-click="set_lang('ch')">简体中文</a>
			</li>
			<li class="dropdown top_nav_item">
							<a href="javascript:;" class="dropdown-toggle" onclick="$(this).next().toggle()"><i class="fa fa-user fa-fw"></i>{{username}} <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" ng-if="config('usertype')>2">
								<li style="line-height:40px"><a href="javascript:;" ng-click="access_json('core/member.cpassword/')" style="color:#808080;"><i class="fa fa-user fa-fw"></i> {{check_show_lang('我的账号','my info')}}</a></li>
								<li class="divider" style="line-height:40px"></li>
								<li ng-click="access_json(main.welcomeaction)" style="line-height:40px"><a href="javascript:;" clsss="syscolor" ><i class="fa fa-mail-reply"></i> {{check_show_lang('返回系统','Go sys')}}</a></li>
							</ul>
			</li>
			<li class="dropdown msg top_nav_item" style="min-width:38px" ng-if="main.isfounder">
							<a href="javascript:;" class="dropdown-toggle" style="padding:0;" onclick="$(this).next().toggle()"><i class="fa fa-bell"><span class="badge" ng-if="sysnotices.length>0">{{sysnotices.length}}</span></i></a>
							<div class="dropdown-menu">
								<div class="clearfix top">{{check_show_lang('消息_Message')}}
									<a href="javascript:;" class="pull-right" ng-click="access_json('core/system.message/noticelist/')">{{check_show_lang('查看更多_Look More')}}</a>
									<a href="javascript:;" class="pull-right" style="margin-right: 5px" ng-click="upnotice();">{{check_show_lang('全部已读_Is read')}}</a>
								</div>
								<div class="msg-list-container">
									<div class="msg-list">
										<div class="item" ng-repeat="log in sysnotices">
											<div class="info clearifx">
												<div class="pull-right date">{{date(log.createtime)}}</div>{{check_show_lang('来自','From')}} <span>{{check_show_lang('系统消息_System Message')}}</span>
											</div>
											<div class="msg-content">
												<a href="{{log.url}}" style="color:#333">{{log.msg}}</a>
											</div>
										</div>
									</div>
								</div>
							</div>
			</li>
			<li data-toggle="tooltip" data-placement="bottom" title="退出登录" ng-click="post_json({'plugin':'core','action':'member.logout','message':'确定退出吗？'})">
				<a class="box-header-logout"><i class="fa fa-power-off"></i></a>
			</li>
			</ul>
	</div>
	<div class="right-box-body">
	<div class="box-subnav">
		<div class="sub-top">
			<div class="sub-app-top">
				<div ng-show="page.plugin=='core'" class="sub-app-info">
					<div class="app-info-name">
						<img ng-src="{{tomedia(main.account.logo) || '../core/resource/images/gw-user.png'}}" class="head-app-logo" onerror="">
						<div class="account-name text-over">{{main.account.title}}</div>
					</div>
				</div>
				<div ng-show="page.plugin!='core' && current_menu=='core'" class="sub-app-info">
					<div class="app-info-name">
						<img ng-src="{{tomedia(pagedata.plugin_icon) || main.logo}}" class="head-app-logo" onerror="">
						<div class="account-name text-over">{{plugin_title}}</div>
					</div>
				</div>
			</div>
		</div>
		<div ng-class="{'menu-box':1 ,'isplugin':current_menu!='core'}" style="top:150px">
			<div class="wb-nav">
				<div  ng-if="frames.child" ng-repeat="(fr,frame) in frames.child" name="menu">
					<div class="nav-top" ng-click="toogle(frame,'show')">
						<a class="no-collapse"><i class="l fa {{frame.fa || 'fa-list'}}" style="margin-right: 8px; line-height:38px"></i><div class="l overflow-h" style="width:70px;">{{check_show_lang(frame.title)}}</div><i class="r fa fa-angle-down pull-right setting"></i></a>
					</div>
					<ul class="in" ng-show="!frame.show" style="margin-bottom:0">
						<li class="nav-li" ng-repeat="(li,link) in frame.child" ng-show="!main.find_keyword || link.title.indexOf(main.find_keyword)>=0" ng-class="{'active':show_active(link)}" data-title="{{link.title}}">
							<a  ng-click="access_menu(link)" id="left_menu_{{fr}}_{{li}}" href="javascript:;">{{check_show_lang(link.title)}}</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="box-content">
			<!--replace_start-->
			<div id="mainbody-z"><div id="loading-z"></div></div>
			<div id="mainbody">
				<div id="use_template" ng-show="!use_template" ng-include="main.page" onload="start()"></div>
				<div id="use_template" ng-show="use_template">
					<ul class="nav nav-tabs" ng-if="main.tabs && main.tabs.length>0">
								<li ng-repeat="tab in main.tabs" ng-class="{'active':show_active(tab)}"><a href="javascript:;" ng-click="access_json(tab)">{{check_show_lang(tab.title)}}</a></li>
					</ul>
					<div id="base_template_html" style="width:100%"></div>
				</div>
			</div>
			<!--replace_start-->
		</div>
	</div>
</div>
<script>
//点击顶部菜单，显示左侧菜单
if(scope.framess && scope.framess[scope.current_menu] && scope.framess[scope.current_menu][0]){
	scope.frames=scope.frames?scope.frames:scope.framess[scope.current_menu][0];
}
	scope.active=function(menu){
		if(menu.child && menu.child!=[]){
			scope.frames=menu;
		}
	}
	scope.access_menu=function(menu){
		if(menu.url){
			scope.access_json(menu.url);
		}else{
			scope.access_json(menu);
		}
	}
</script>